<template>
  <van-popup  class="popup" :value="value" :close-on-click-overlay="false" @input="val => this.$emit('input', val)">
    <div class="popup_mark">
      <div class="popup_top">
        <slot></slot>
      </div>
      <div class="popup_bot" @click="hide"></div>
    </div>
  </van-popup>
</template>

<script>
export default {
  name: 'Popup',
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
    }
  },
  methods: {
    hide () {
      this.value = false
    }
  }
}
</script>
<style>
.van-popup{
  background-color: transparent !important;
}
</style>
<style scoped lang="less">
.popup{
  .popup_mark{
    // background-color: rgba(0,0,0,.7);
    .popup_top{
      background-color: #ffffff;
      border-radius: 20px;
      overflow: hidden;
      box-sizing: border-box;
    }
    .popup_bot{
      width: 60px;
      height: 60px;
      background-image: url("//pic.xishuw.com/xshop/20200117/15792284254676.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      margin: 40px auto 0 auto;
    }
  }
}
</style>
